<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/jquery-3.4.1.js"></script>
</head>
<body>

<ul id="test-ul">
    <li class="js">JavaScript</li>
    <li name="Python">Python</li>
</ul>

<script>
    //节点文本操作
    $('#test-ul li[name=Python]').text();   //获得值
    $('#test-ul li[name=Python]').text('123');   //设置值
    $('#test-ul li[name=Python]').html();   //获得值
    $('#test-ul li[name=Python]').html('<strong>123</strong>');   //设置值

    //css操作
    $('test-ul li[name=Python]').css("color","red");

    //元素的显示和隐藏：本质display：none；
    $('test-ul li[name=Python]').show();
    $('test-ul li[name=Python]').hide();

    //娱乐测试
    $(window).width();
    $(window).height();
    $('test-ul li[name=Python]').toggle();

    //未来ajax（）；
    $('#form').ajax()

    $.ajax({url: "test.html",content: document.body,success: function () {
        $(this).addClass("done")
    }});


</script>

</body>
</html>